/**
 * Created by wubo on 2018/3/11.
 */
define(function(require, exports, module) {
    require("vue");
    require("jquery");
    require("jqGrid");
    require("element");
    var store = require("../../common/js/event/event.index.js");

    Vue.use(ELEMENT)

    var btnApp = new Vue({
        el:"#comApp",
        data:function(){
            return {
                ruleForm: {
                    name: '',
                    region: '',
                    date1: '',
                    date2: '',
                    delivery: false,
                    type: [],
                    resource: '',
                    desc: ''
                },
                rules: {
                    name: [
                        { required: true, message: '请输入活动名称', trigger: 'blur' },
                        { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
                    ],
                    region: [
                        { required: true, message: '请选择活动区域', trigger: 'change' }
                    ],
                    date1: [
                        { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
                    ],
                    date2: [
                        { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
                    ],
                    type: [
                        { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
                    ],
                    resource: [
                        { required: true, message: '请选择活动资源', trigger: 'change' }
                    ],
                    desc: [
                        { required: true, message: '请填写活动形式', trigger: 'blur' }
                    ]
                }
            }

        },
        methods: {
            submitForm:function(formName) {
                this.$refs[formName].validate(function(valid){
                    if (valid) {
                        alert('submit!');
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            },
            resetForm:function(formName) {
                this.$refs[formName].resetFields();
            }
        },
        mounted:function(){

        }
    });


    var vuexApp = new Vue({
        el:"#eventApp",
        store:store,
        data:function(){
          return {
              dialogVisible: false,
              a:2,
              b:2
          }
        },
        methods:{
            openDialog:function(){
                this.$store.dispatch('switchDialog');
            },
            handleClose:function(done) {
                this.$confirm('确认关闭？')
                    .then(function() {
                        done();
                    })
                    .catch(function(){

                    });
            }

        },
        computed:{
            time:function(){
                return this.a * this.b;
            }
        },
        watch:{
            a:function(){
                alert(a);
            }
        }
    })
})